<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>

    <script>


        // 遍历：读取每一个值
        //    第一种方法  for


        // var a = 1 ;
        // var b = 2 ;
        // var c = 3 ;
        // var d = 4 ;
        // var e ;
        // var f ;
        // var g ;
        // var h = 5 ;



        // arr[0] = 1;
        // arr[1] = 2 ;
        // arr[2] = 3 ;
        // arr[3] = 4 ;
        // arr[4] ;    // undefined
        // arr[5] ;   // undefined
        // arr[6] ;   // undefined
        // arr[7] = 5 ;


        var arr = [1,2,3,4,,,,5] ;

        console.log(arr);




        // 循环
        // 第一种
        for(var i = 0 ; i < arr.length ; i++) {
            console.log(arr[i]);
        }


        // 第二种   for in   通过下标遍历对象中的所有的值
        //    遍历对象的    i代表下标  arr就是要遍历的对象
        //   注意 for in  会自动跳过空值(undefined)   
        for(var i in arr) {
            // console.log(i);   // 字符串
            console.log(arr[i]);
        }



        // 第三种方法   for of   直接遍历值(不遍历下标)
        for(var v of arr) {   // v 值
            console.log(arr)
        }


    </script>
    
</body>
</html>